<template>
  <div class="flex flex-wrap gap-4">
    <AAvatar
      variant="outline"
      content="A"
    />

    <AAvatar
      variant="outline"
      color="success"
      content="JD"
    />

    <AAvatar
      variant="outline"
      color="info"
      icon="i-bx-support"
    />

    <AAvatar src="/images/demo/portrait-1.jpg" />
  </div>
</template>
